.rules-detail-view {
  // background-image: url(../../img/userCenter/rule-bg.png);
  // background-size: cover;
}

.rules-detail-middle {
  height: 90%;
  position: relative;
}

.rules-detail-content {
  width: 100%;
  /* margin: 2rem auto 0; */
  height: 98%;
  overflow-y: auto;
}

.douniu-patterns {
	width: 70%;
}

.majhong-patterns {
	width: 92%;

}

.underbg-rules {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;

  background-image: url(../../img/styleImg/rule-bg.png);
  background-size: 100% 100%;
  padding: 2rem 3rem;
  box-sizing: border-box;
  color: #a03405;  
background-repeat: no-repeat;
}